<template>
  <div style="background-color: white; flex: 1">
    <el-tabs
      v-model="activeName"
      class="demo-tabs"
      style="margin-left: 20px"
      @tab-click="handleClick"
    >
      <el-tab-pane label="激光控制器" name="00">激光器</el-tab-pane>
      <el-tab-pane label="探测器" name="01">
        <div>
          <view
            >帧头1
            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
          <view
            >帧头2

            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
        </div>

        <div>
          <view
            >方位角误差
            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
          <view
            >俯仰角误差

            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
        </div>

        <div>
          <view
            >跟踪状态
            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
          <view
            >目标距离

            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
        </div>

        <div>
          <view
            >备份
            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
          <view
            >校验和

            <el-input
              v-model="input"
              style="width: 240px; margin: 5px"
              placeholder="请输入"
            />
          </view>
        </div>
      </el-tab-pane>
      <el-tab-pane label="转台" name="02">转台</el-tab-pane>
      <el-tab-pane label="快反" name="03">快反</el-tab-pane>
      <el-tab-pane label="主镜对焦电机" name="04">主镜对焦电机</el-tab-pane>
      <el-tab-pane label="探测器镜头电机" name="05">探测器镜头电机</el-tab-pane>
    </el-tabs>

    <!-- <p class="description">配置管理界面</p> -->
    <el-button type="primary" style="margin-top: 20px">确认</el-button>
  </div>
</template>

<script>
export default {
  name: "TopMenu",

  data() {
    return {
      activeName: "00",
      value: "",
      options: [
        {
          value: "01",
          label: "目标搜索",
        },
        {
          value: "02",
          label: "目标选择",
        },
        {
          value: "03",
          label: "手动跟踪",
        },
      ],

      numX: 0,
      numY: 0,
      value2: "",
      option2s: [
        {
          value: "01",
          label: "无人机（亮）",
        },
        {
          value: "02",
          label: "无人机（暗）",
        },
        {
          value: "03",
          label: "人",
        },
        {
          value: "04",
          label: "车",
        },
        {
          value: "05",
          label: "船",
        },
        {
          value: "06",
          label: "鸟",
        },
      ],

      value3: "",
      option3s: [
        {
          value: "01",
          label: "精聚焦-",
        },
        {
          value: "02",
          label: "精聚焦+",
        },
        {
          value: "03",
          label: "停止聚焦",
        },
        {
          value: "04",
          label: "粗聚焦-",
        },
        {
          value: "05",
          label: "粗聚焦+",
        },
      ],

      value4: "",
      option4s: [
        {
          value: "01",
          label: "变倍+",
        },
        {
          value: "02",
          label: "变倍-",
        },
        {
          value: "03",
          label: "停止调焦",
        },
        {
          value: "04",
          label: "连续变焦+",
        },
        {
          value: "05",
          label: "连续变焦-",
        },
      ],

      value5: "",
      option5s: [
        {
          value: "01",
          label: "透雾功能（开）",
        },
        {
          value: "02",
          label: "透雾功能（关）",
        },
      ],

      value6: "",
      value7: "",
    };
  },
};
</script>

<style scoped>
.top-menu {
  background-color: #333;
  color: white;
  padding: 10px;
}

.top-menu a {
  color: white;
  text-decoration: none;
  margin-right: 20px;
  display: inline-block;
}

.top-menu a.active {
  font-weight: bold;
}
</style>
